<template>
    <div>   
        <h2 style="text-align: center">添加投资项目</h2>
        <table class="table-bordered">
            <tr>
                <td>投资项目名称</td>
                <td>
                    <input type="text" v-model="info.Iname" placeholder="请输入投资项目名称">
                </td>
            </tr>

            <tr>
                <td>投资项目总金额</td>
                <td>
                    <input type="text" v-model="info.Iprice" placeholder="请输入投资项目总金额">
                </td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="button" value="保存" class="btn btn-success" @click="SaveInvest">
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';
import {useRouter} from 'vue-router';

//创建路由实例
const router=useRouter();

//创建响应式实例
const info=ref({
    Iname:"",
    Iprice:""
})

//完成保存
const SaveInvest=()=>{
    //非空验证
    //投资项目名称不能为空
    if(info.value.Iname=="")
    {
        alert('投资项目名称不能为空');
        return;
    }

    //投资项目总金额不能为空
    if(info.value.Iprice=="")
    {
        alert('投资项目总金额不能为空');
        return;
    }

    //投资项目总金额大于1小于1亿
    if(Number(info.value.Iprice)<1||Number(info.value.Iprice)>100000000)
    {
        alert('投资项目总金额大于1小于1亿');
        return;
    }

    axios.post("https://localhost:44334/api/Invests/AddInvest",
        {
            I_Name:info.value.Iname,
            I_Budget:info.value.Iprice
        }
    )
    .then(res=>{
        if(res.data>0)
        {
            alert('投资项目添加成功');
            router.push("/ShowInvest")
        }
        else if(res.data==-1)
        {
            alert('投资项目名称不允许重复');
        }
        else
        {
            alert('投资项目添加失败');
        }
    })
    .catch(error=>{
        console.log(error);
    });
}
</script>